Provider Dashboard

Medly Pharmacy

Avatar

👋

My Role

Product Designer


Dates

02.2020 - 08.2020


Status

In Developement


Contribution

Field Study, Stakeholder Interview, Survey, Usability Testing, User Interview, Personas, Competitive Audit, Wireframing, Prototyping, UI Design System


Access to the app

Problems

Medly is a full-service pharmacy partnering with providers to make prescriptions easier for their patients and practice.


Provider's app is is an online platform where providers can track the status of a prescription, patient, or prior authorization. Rather than relying on phone and fax and responding to endless voicemails, providers can message a pharmacist for an expedient response in between patient visits.


Users' Pain Points

Avatar

Audiences

The provider's app is deisigned for the healthcare facilities and their users.

There can be three levels of hierarchy:


Clinics may be a part of a group with different addresses or maybe independently operated entities. A doctor may work at the multiple clinics under one healthcare group. The office admin role need to be able to overview all patients' info within a clinic.


The WebApp is also designed for the Medly account manager role, who daily coordinates with the multiple providers' requests. The account manager admin is the supervisor of the team and assigned the facilities and missions to the deparment members.



External User - Providers



Internal User - Account Manager

Goals

My Role

I am the sole product designer of project to design the app from the scratch. There was no product manager at the beginning, so I worked with VP of product and CEO directly to explore the business strategy and define the MVP scope. The app is under development by an external contract team. I collaborated closely alongside 6 software engineers, 1 quality analyst and QA the development outcome before the release.

Discovery

Stakeholder Interview

This is a B2B product which makes it challenge to find out what providers really need. I had one on one interview with 8 stakeholders and 3 sales reps, explored the user behavior based on their healthcare professional knowledge. The interviews are also help me to clearly define the business goals from multiple perspectives.

Competitors Analysis

It is challenging to really test the B2B product without a provider's account. I digged into the competitor's website and blogs, compared AltoMD and Diplomat Provider's App to identify the common patterns and better understand what features they have, how those features successfully worked.

User Interview

I visited multiple doctor's offices with sales reps, interviewed MD and doctor office manager to understand their pain points. Providers normally hesitate to discuss about the new tools, it is hard for them to imagine the features based on our despriction. So I interviewed sales team and account managers instead because they have a better knowledge about how providers work.

Usability Testing

I invited 5 external users, including 2 doctors, 2 physician assistants, 1 office manager, and 2 Medly account managers to participate in the usability testing for the wireframes via video calls. Based on their feedback, I updated the design with hi-fi prototypes, and run another round of usability testing.


Design Process

User Flow Mapping

Before I created the flow chart, I tried to figure out what are the jobs to be done by using this app. Providers could use the app for multiple purposes, for example, complete the tasks required by pharmacy, or chat with account manager, or e-prescribing directly...etc. So I listed the users objectives first, then created paths that users will go through to achieve the goals.

Wireframing

Following the user flow mapping, I created the wireframes for the desktop screens, started considering about the information hierarchy, which to stay where, and how to let users click through the CTAs to complete the tasks. I did usability testing with 5 providers to gather their feedbacks of the wireframes. There are a lot of useful comments about the information hierarchy, which helps to simplify the screen later in the prototype.


Design System

Medly B2B product is trying to create a professional and calm feeling to the audiences. So we are using light fresh colors for icons, background and components, and highlight CTA with the same strong accent color in our new brand design guideline. We introduced Open-Sans font type for providers instead of using the Gotham-Rounded font on our marketing website. The illustration and icons are designed in a similar rounded style to bring more friendliness.


Solution

I re-organized the content hierarchy based on the usability testing feedback and was to create interface that users find easy to track the prescription status and take actions which requested by the pharmacy. We are trying to be consistent with our website color pallette and illustrations, design a clear, simple and easy-to-use interface for both providers and account managers.


Dashboard

Patients List

Patient's Profile

Responsive Design

About 33 percent of EHR users and 25 percent of non-EHR users use a tablet device in their medical practice. More than 30% of Medly partners are dermatology clinics, where the tablet has been adopted by doctors and nurses across the offices. So I created responsive design for the tablet screens


Key Impact